<template>
	<div>
		<div class="cityList">
			<div class="holdCity">热门城市</div>
			<city-list :list="list.hotCities"></city-list>
		</div>
	</div>
</template>

<script>
	import cityList from './List.vue'
	export default{
		name:'holdCity',
		props:{
			list:Object
		},
		data(){
			return {
				HoldList:""
			}
		},
		components:{
			cityList
		},
	}
</script>

<style lang="stylus" scoped>
	@import '../../../assets/styles/varibles.styl'
	.holdCityList
		&:before
			position:absolute
			height:100%
			content:""
			left:33.3%
			border-right:1px solid #ddd
			border-left:1px solid #ddd
		&:after
			position:absolute
			height:100%
			content:""
			right:33.3%
			border-left:1px solid #ddd
			border-right:1px solid #ddd
	.holdCity
		padding:0.3rem
		font-size:0.24rem
	.holdCityList
		position:relative
		overflow:hidden
		background:#fff
		.holdCityLi
			width:33.3%
			float:left
			height:0.9rem
			line-height:0.9rem
			text-align:center
			border-bottom:1px solid #ddd
		
</style>